import React, { Component } from 'react'
import { connect } from 'react-redux'
import {add} from  "../reducers/numReducer"
import {DatePicker} from "antd"

export class About extends Component<any,any> {
  render() {
    return (
      <div>About
          <h3>{this.props.num}</h3>
          <button onClick={()=>{
              this.props.add(100);
          }}>+</button>
          <hr />
          <DatePicker></DatePicker>

      </div>
    )
  }
}

const mapStateToProps = (state:any) => ({
    num:state.numInfo.value
})

const mapDispatchToProps = {
    add
}

export default connect(mapStateToProps, mapDispatchToProps)(About)
